﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Master.Master" AutoEventWireup="true" CodeBehind="Registrarse.aspx.cs" Inherits="EstacionDePoder.Cuentas.Registrarse" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div class="contenedorLogoTienda">
        <img alt="Contacto" src="/Contenido/Imagenes/PSN_Logo.png" />
        <label>REGISTRARSE</label>
    </div>
    <div class="contenedorFormularioContacto">
        <div class="formularioContacto">
            <div class="filaContacto">
                CREAR UNA NUEVA CUENTA
            </div>
            <div class="filaContacto">
                <div class="filaTexto">E-Mail:</div>
                <div class="filaCampoLogin">
                    <asp:UpdatePanel ID="uproEmail" runat="server">
                        <ContentTemplate>
                            <asp:TextBox ID="txtEMail" runat="server" CssClass="cajaTexto" 
                                ontextchanged="txtEMail_TextChanged" AutoPostBack="true" />
                            <asp:Image ID="imgAyudaEmail" runat="server" CssClass="imgAyudaCampo" ImageUrl="~/Contenido/Imagenes/Question.png" ToolTip="Es tu ID con el sitio, así que escribilo bien. No pongas mails falsos porque hay un proceso de validación" />
                            <asp:RequiredFieldValidator ID="rfvEmail" runat="server" ErrorMessage="Tenés que colocar una dirección de E-Mail válida" Text="*" CssClass="mensajeError" ControlToValidate="txtEmail" ValidationGroup="laverga" />
                            <asp:RegularExpressionValidator ID="revEmail" runat="server" CssClass="mensajeError"
                                ErrorMessage="No parece ser una dirección de E-Mail válida" Text="*" 
                                ValidationGroup="laverga" ControlToValidate="txtEmail" 
                                ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" />
                        </ContentTemplate>
                    </asp:UpdatePanel>
                    <asp:UpdateProgress ID="uprogEmail" runat="server" AssociatedUpdatePanelID="uproEmail">
                        <ProgressTemplate>
                            <img alt="Validando" class="imgCargandoRegistrarse" src="/Contenido/Imagenes/loading2.gif" />
                            <asp:Label ID="lblCargandoEmail" runat="server" Text="Validando..." />
                        </ProgressTemplate>
                    </asp:UpdateProgress>
                </div>
            </div>
            <div class="filaContacto">
                <div class="filaTexto">Contraseña:</div>
                <div class="filaCampoLogin">
                    <asp:TextBox ID="txtContrasena" runat="server" CssClass="cajaTexto" TextMode="Password" />
                    <asp:Image ID="imgAyudaContraseña" runat="server" CssClass="imgAyudaCampo" ImageUrl="~/Contenido/Imagenes/Question.png" ToolTip="Mínimo 6 caracteres." />
                    <asp:RequiredFieldValidator ID="rfvNombre" runat="server" ErrorMessage="Tenés que colocar una contraseña. Mínimo 6 caracteres." Text="*" CssClass="mensajeError" ControlToValidate="txtContrasena" ValidationGroup="laverga" />
                    <asp:RegularExpressionValidator ID="valPassword" runat="server" ControlToValidate="txtContrasena" ErrorMessage="La contraseña debe contener mínimo 6 caracteres" ValidationExpression=".{6}.*" ValidationGroup="laverga" Text="*" CssClass="mensajeError" />
                </div>
            </div>
            <div class="filaContacto">
                <div class="filaTexto">Repetir Contraseña:</div>
                <div class="filaCampoLogin">
                    <asp:TextBox ID="txtRepetirContrasena" runat="server" CssClass="cajaTexto" TextMode="Password"  />
                    <asp:Image ID="imgAyudaRepetirContraseña" runat="server" CssClass="imgAyudaCampo" ImageUrl="~/Contenido/Imagenes/Question.png" ToolTip="Escribí la contraseña de nuevo para asegurarte de escribirla bien" />
                    <asp:CompareValidator ID="cvContrasena" runat="server" ErrorMessage="Los campos deben coincidir" Text="*" CssClass="mensajeError" ControlToValidate="txtContrasena" ControlToCompare="txtRepetirContrasena" ValidationGroup="laverga" />
                </div>
            </div>
            <div class="filaContacto">
                <div class="filaTexto">Referente:</div>
                <div class="filaCampoLogin">
                    <asp:UpdatePanel ID="upEmailReferente" runat="server">
                        <ContentTemplate>
                            <asp:TextBox ID="txtEMailReferente" runat="server" CssClass="cajaTexto" AutoPostBack="true" ontextchanged="txtEMailReferente_TextChanged" />
                            <asp:Image ID="imgAyudaReferente" runat="server" CssClass="imgAyudaCampo" ImageUrl="~/Contenido/Imagenes/Question.png" ToolTip="Dirección de E-Mail de un usuario EXISTENTE que se beneficiará con tu registro" />
                        </ContentTemplate>
                    </asp:UpdatePanel>
                    <asp:UpdateProgress ID="uproEmailReferente" runat="server" AssociatedUpdatePanelID="upEmailReferente">
                        <ProgressTemplate>
                            <img alt="Validando" class="imgCargandoRegistrarse" src="/Contenido/Imagenes/loading2.gif" />
                            <asp:Label ID="lblCargandoEmailReferente" runat="server" Text="Validando..." />
                        </ProgressTemplate>
                    </asp:UpdateProgress>
                </div>
            </div>
            <div class="filaContacto filaContactoCaptcha">
                <div class="g-recaptcha controlCaptcha" data-sitekey="6LcoXwoTAAAAAHMH-G8JkWRy1p9COTDCOfTUyW1r"></div>
            </div>
            <div class="filaContacto">
                <asp:Button ID="btnCrearCuenta" runat="server" Text="Crear" CssClass="botonComprar" ValidationGroup="laverga" onclick="btnCrearCuenta_Click" />
            </div>
            <div class="filaContacto">
                <asp:ValidationSummary ID="vsErrores" runat="server" ValidationGroup="laverga" CssClass="mensajeError"/>
            </div>
            <asp:Panel ID="pnlErroresComplejos" runat="server" CssClass="filaContacto">
                <asp:BulletedList ID="blErroresComplejos" runat="server" CssClass="mensajeError">
                </asp:BulletedList>
            </asp:Panel>
        </div>
    </div>
</asp:Content>
